<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Brzjomo's 标注工具</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <!-- 参数 -->
      <div class="row property-parent-box">
        <div class="col">
          <div class="property">比例</div>
          <div class="property">精度</div>
          <div class="property">字号</div>
          <div class="property">样式</div>
          <div class="property">单位</div>
        </div>
        <div class="col">
          <!-- 设置制图比例 -->
          <select id="drawing-scale">
            <option value="1">1:1</option>
            <option value="10" selected="selected">1:10</option>
            <option value="100">1:100</option>
          </select>
          <!-- 设置数据精度 -->
          <select id="data-accuracy">
            <option value="0" selected="selected">整数</option>
            <option value="1">1位小数</option>
            <option value="2">2位小数</option>
            <option value="3">3位小数</option>
            <option value="4">4位小数</option>
          </select>
          <!-- 设置字号 -->
          <input type="text" name="text-input" id="text-input" class="text-input" value="18" />
          <label for="text-input" class="text-input-label">mm</label>
          <!-- 设置样式 -->
          <label for="line-style" class="text-input-label">序号</label>
          <input type="text" name="line-style" id="line-style" class="text-input" value="5" />
          <!-- 设置单位 -->
          <select id="unit">
            <option value="0" selected="selected">mm</option>
            <option value="1">cm</option>
            <option value="2">m</option>
          </select>
        </div>
      </div>
      <!-- 额外选项 -->
      <div class="row property-parent-box">
        <input type="checkbox" name="ifReverse" id="ifReverse" class="extraText-input" checked />
        <label for="ifReverse" class="extraText-label">标注朝上</label>
        <input type="checkbox" name="ifReverseOffset" id="ifReverseOffset" class="extraText-input" />
        <label for="ifReverseOffset" class="extraText-label">反转偏移</label>
        <input type="checkbox" name="ifAddUnit" id="ifAddUnit" class="extraText-input" />
        <label for="ifAddUnit" class="extraText-label">添加单位</label>
      </div>
      <!-- 按钮 -->
      <div class="row button-parent-box">
        <div class="col">
          <div class="row">
            <div class="col no-padding">
              <button id="btn-dimension">标注</button>
            </div>
          </div>
        </div>
      </div>
      <!-- 作者相关 -->
      <div class="row">
        <div class="author" id="homePage">- Coded by Brzjomo -</div>
        <div class="author">- Ver 1.0.13 -</div>
      </div>
    </div>
    <!-- JS文件 -->
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <script type="text/javascript" src="js/Vulcan.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="js/scaleChange.js"></script>
  </body>
</html>
